<template>
  <div>
    <UseForm title="用户名">
      <!-- <label for="">用户名</label><br /> -->
      <input type="text" />
    </UseForm>
    <UseForm>
      <label for="">密码</label><br />
      <input type="text" />
    </UseForm>
    <UseForm>
      <label for="">性别</label><br />
      <input type="radio" name="sex" checked value="男"/>男
      <input type="radio" name="sex" value="女"/>女
    </UseForm>
    <UseForm>
      <label for="">爱好</label><br />
      <input type="checkbox" value="抽烟"/>抽烟 <input type="checkbox" value="喝酒"/>喝酒
      <input type="checkbox" value="烫头"/>烫头
    </UseForm>
    <use-form>
      <label for="">来自于</label><br />
      <select>
        <option value="北京">北京</option>
        <option value="上海">上海</option>
        <option value="杭州">杭州</option>
      </select>
    </use-form>
  </div>
</template>

<script>
import UseForm from './components/UseForm.vue'
export default {
  components: {
    UseForm,
  },
}
</script>

<style></style>
